<!DOCTYPE HTML>
<html>
<head>
<title>About</title>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all">
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Fashion Style Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<script src="js/jquery-1.8.3.min.js"></script>
<!---- start-smoth-scrolling---->
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
 <script type="text/javascript">
		jQuery(document).ready(function($) {
			$(".scroll").click(function(event){		
				event.preventDefault();
				$('html,body').animate({scrollTop:$(this.hash).offset().top},1200);
			});
		});
	</script>
<!---End-smoth-scrolling---->
</head>
<body>
		<!--header-->
			<div class="header">
				<div class="container">
					<div class="header-top">
						<div class="logo">
							<a href="index.html">Fashion <span>Style</span></a>
						</div>
						<div class="top-menu">
							<span class="menu"><img src="images/nav.png" alt=""/> </span>
								<ul>
								<li><a href="index.html">home</a></li>
								<li><a href="about.html" class="active">about</a></li>
								<li><a href="designers.html">designers</a></li>
								<li><a href="gallery.html">gallery</a></li>
								<li><a href="typo.html">typo</a></li>
								<li><a href="contact.html">contact</a></li>
							</ul>
						</div>
						 <!--script-nav-->
						 <script>
						 $("span.menu").click(function(){
						 $(".top-menu ul").slideToggle("slow" , function(){
						 });
						 });
						 </script>
						<div class="clerfix"></div>
					</div>
				</div>
			</div>
		<!--header-->
		<div class="header-banner">
			<div class="container">
				<h3>about</h3>
			</div>
			</div>
	<!--about-->
			<div class="about-section">
				<div class="container">
						<div class="about-grids">
							<div class="col-md-4 about-grid">
								<h3>style</h3>
								<img src="images/p5.jpg" class="img-responsive" alt="/">
								<div class="about1">
									<h4>Praesent justo dolor, lobortis</h4>
									<p>Fusce euismod consequat ante. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque sed dolor. Aliquam congue fermentum nisl. Mauris accumsan nulla vel diam. Sed in lacus ut enim adipiscing aliquet.</p>
								</div>
								<div class="about2">
								<h4>Sed in lacus ut enim</h4>
								<p>Fusce euismod consequat ante. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque sed dolor. Aliquam congue fermentum nisl.</p>
								</div>
								</div>
							<div class="col-md-4 about-grid">
							<h3>history</h3>
								<div class="history">
									<h4>1997-2001</h4>
									<p>Pellentesque sed dolor. Aliquam congue fermentum nisl. Mauris accumsan nulla vel diam. Sed in lacus ut enim adipiscing aliquet. Nulla venenatis.</p>
								</div>
								<div class="history1">
									<h4>2003-2005</h4>
									<p>Pellentesque sed dolor. Aliquam congue fermentum nisl. Mauris accumsan nulla vel diam. Sed in lacus ut enim adipiscing aliquet. Nulla venenatis.</p>
								</div>
								<div class="history2">
									<h4>2007-2009</h4>
									<p>Pellentesque sed dolor. Aliquam congue fermentum nisl. Mauris accumsan nulla vel diam. Sed in lacus ut enim adipiscing aliquet. Nulla venenatis.</p>
								</div>
								<div class="history3">
									<h4>2011-20014</h4>
									<p>Pellentesque sed dolor. Aliquam congue fermentum nisl. Mauris accumsan nulla vel diam. Sed in lacus ut enim adipiscing aliquet. Nulla venenatis.</p>
								</div>
							</div>
							<div class="col-md-4 about-grid">
							<h3>trends</h3>
								<div class="trend">
									<p>Fusce euismod consequat ante. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque sed dolor. Aliquam congue fermentum nisl. Mauris accumsan nulla vel diam. Sed in lacus ut enim adipiscing aliquet.</p>
								</div>
								<div class="trend">
									<ul>
									<li><a href="#">New Listing Sign-Up nulla vel</a></li>
									<li><a href="#">Consectetur adipiscing nulla vel</a></li>
									<li><a href="#">Integer molestie lorem nulla vel</a></li>
									<li><a href="#">Facilisis in pretium nisl</a></li>
									<li><a href="#">New Listing Sign-Up nulla vel</a></li>
									<li><a href="#">Consectetur adipiscing</a></li>
									<li><a href="#">Integer molestie lorem nulla vel</a></li>
									<li><a href="#">Facilisis in pretium nisl</a></li>
									</ul>
								</div>
							</div>
						<div class="clearfix"></div>
					</div>
				</div>
			</div>
		<!--about-->
				<div class="ourteam">
					<div class="container">
						<h3>our team</h3>
						<div class="team-grids">
						<div class="col-md-3 team-grid">
							<img src="images/t1.jpg" class="img-responsive" alt="" />
							<h4>Bradley Grosh</h4>
							<p>Were dolor in hendrerit in vulputate velit esse molestie con sequat</p>
						</div>
						<div class="col-md-3 team-grid">
							<img src="images/t2.jpg" class="img-responsive" alt="" />
							<h4>david austin</h4>
							<p>Were dolor in hendrerit in vulputate velit esse molestie con sequat</p>
						</div>
						<div class="col-md-3 team-grid">
							<img src="images/t3.jpg" class="img-responsive" alt="" />
							<h4>Patrick Pool</h4>
							<p>Were dolor in hendrerit in vulputate velit esse molestie con sequat</p>
						</div>
						<div class="col-md-3 team-grid">
							<img src="images/t4.jpg" class="img-responsive" alt="" />
							<h4>Dayle Peters</h4>
							<p>Were dolor in hendrerit in vulputate velit esse molestie con sequat</p>
						</div>
					<div class="clearfix"></div>
					</div>
				</div>
			</div>
			<!--advantage-->
			<div class="advantages">
					<div class="container">
						<h3>Advantages</h3>
						<div class="advantages-grids">
							<div class="col-md-4 advantage-grid">
								<div class="advantage">
									<div class="left-grid">
										<p>01</p>
									</div>
								<div class="right-grid">
									<h4>Decking concrete Kool</h4>
									<p>How wonderful it is that nobody need wait a singlemoment before starting to improve the world.</p>
								</div>
							<div class="clearfix"></div>
							</div>
							</div>	
								<div class="col-md-4 advantage-grid">
									<div class="advantage">
									<div class="left-grid">
										<p>02</p>
									</div>
								<div class="right-grid">
									<h4>Decking concrete Kool</h4>
									<p>How wonderful it is that nobody need wait a singlemoment before starting to improve the world.</p>
								</div>
							<div class="clearfix"></div>
							</div>
								</div>	
								<div class="col-md-4 advantage-grid">
									<div class="advantage">
									<div class="left-grid">
										<p>03</p>
									</div>
								<div class="right-grid">
									<h4>Decking concrete Kool</h4>
									<p>How wonderful it is that nobody need wait a singlemoment before starting to improve the world.</p>
								</div>
							<div class="clearfix"></div>
							</div>
								</div>
								<div class="clearfix"></div>	
							</div>
						</div>
					</div>
				<!--advantage-->
			<!--footer-->
			<div class="footer text-center">
				<div class="container">
					<div class="footer-grids">
						<div class="col-md-4 footer-text">  
							<h3>About Us</h3>
							<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.Lorem Ipsum has been the industry's.</p>
							<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.Lorem Ipsum has been the industry's.</p>
						</div>
						<div class="col-md-4 footer-flickr">
							<h3>Flickr Feed</h3>
							<div class="flickr-grids">
							<div class="flickr-grid">
								<a href="#"><img src="images/t1.jpg" alt=""/></a>
							</div>
							<div class="flickr-grid">
								<a href="#"><img src="images/c2.jpg" alt=""/></a>
							</div>
							<div class="flickr-grid">
								<a href="#"><img src="images/c1.jpg" alt=""/></a>
							</div>
								<div class="clearfix"> </div>
										
							<div class="flickr-grid">
								<a href="#"><img src="images/c2.jpg" alt=""/></a>
							</div>
							<div class="flickr-grid">
							   <a href="#"><img src="images/c1.jpg" alt=""/></a>
							</div>
							<div class="flickr-grid">
							   <a href="#"><img src="images/t1.jpg" alt=""/></a>
							</div>
								<div class="clearfix"> </div>
						</div>
					</div>
						<div class="col-md-4 footer-info">
							<h3>Get In Touch</h3>
							<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.Lorem Ipsum has been the industry's standard dummy text ever since, </p>
							<div class="support">
								<form>
									<input type="text" value="Your email..." onfocus="this.value='';" onblur="if (this.value == '') {this.value ='Enter your email';}">
									<input type="submit" value="SUBSCRIBE">
								</form>
							</div>
					</div>
					<div class="clearfix"> </div>
				</div>
					<div class="copy">
						<p>Copyright &copy; 2015.Company name All rights reserved.More Templates <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a> - Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a></p>
					</div>
					<script type="text/javascript">
						$(document).ready(function() {
							/*
							var defaults = {
					  			containerID: 'toTop', // fading element id
								containerHoverID: 'toTopHover', // fading element hover id
								scrollSpeed: 1200,
								easingType: 'linear' 
					 		};
							*/
							
							$().UItoTop({ easingType: 'easeOutQuart' });
							
						});
					</script>
				<a href="#head" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>
				</div>
			</div>	
<!--footer-->			
</body>
</html>